/* Custom dropdown arrow */
    .dropdown-arrow {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 1.25rem;
      color: #4f46e5; /* Indigo-600 */
      user-select: none;
      transition: color 0.3s ease;
    }
    .dropdown-arrow:hover,
    .dropdown-arrow:focus {
      color: #2563eb; /* Blue-600 */
      outline: none;
    }
    /* Dropdown container */
    .dropdown-container {
      position: relative;
      width: 100%;
      max-width: 500px;
    }
    /* Dropdown list */
    .dropdown-list {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      max-height: 200px;
      overflow-y: auto;
      border: 2px solid #4f46e5; /* Indigo-600 */
      background: white;
      z-index: 50;
      border-radius: 0 0 0.75rem 0.75rem; /* rounded-bl-xl rounded-br-xl */
      display: none;
      font-size: 1.125rem; /* text-lg */
      text-align: center;
      user-select: none;
      box-shadow: 0 8px 16px rgba(79, 70, 229, 0.25);
    }
    .dropdown-list.show {
      display: block;
    }
    .dropdown-list div {
      padding: 0.5rem 1rem;
      cursor: pointer;
      transition: background-color 0.3s ease, color 0.3s ease;
      color: #3730a3; /* Indigo-800 */
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .dropdown-list div:hover,
    .dropdown-list div:focus {
      background-color: #c7d2fe; /* Indigo-200 */
      color: #1e40af; /* Indigo-900 */
      outline: none;
    }
    /* Input focus style */
    #provinceInput:focus {
      outline: 2px solid #4f46e5; /* Indigo-600 */
      outline-offset: 2px;
      border-color: #4f46e5;
      color: #1e40af;
      font-weight: 600;
    }
    /* Scrollbar styling for dropdown */
    .dropdown-list::-webkit-scrollbar {
      width: 8px;
    }
    .dropdown-list::-webkit-scrollbar-track {
      background: #e0e7ff; /* Indigo-100 */
      border-radius: 8px;
    }
    .dropdown-list::-webkit-scrollbar-thumb {
      background-color: #4f46e5; /* Indigo-600 */
      border-radius: 8px;
      border: 2px solid #e0e7ff;
    }
    /* Buttons hover and focus */
    #prevBtn:hover,
    #nextBtn:hover {
      background-color: #4338ca; /* Indigo-700 */
    }
    #prevBtn:focus,
    #nextBtn:focus {
      outline: 2px solid #2563eb; /* Blue-600 */
      outline-offset: 2px;
    }